body {
	background: #ffffff !important;
}

.group-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 28rpx;
	font-weight: bold;
	width: 450rpx;
	overflow: hidden;
}

.chengtuan-tips{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 29upx;
	.left-chengtuan{
		display: flex;
		align-items: center;
		.title{
			color: #363535;
			font-size: 32upx;
			font-weight: bold;
			margin-left: 14upx;
		}
		.tips{
			font-size: 22upx;
			color: #979797;
			margin-left: 16upx;
		}
	}
	.right-loding{
		font-size: 20upx;
		color: #D0D0D0;
		image{
			margin-left: 9upx;
		}
	}
}

	.group-info {
		padding: 0;
		margin: 19rpx 0 70rpx 0;
		height: 37rpx;
		width: 204rpx;
		background: #FFF0E2;
		border: 1px solid #E95E2A;
		border-radius: 10rpx;
		color: #E9602B;
		font-size: 22rpx;
		box-sizing: content-box;
	}

	.group-total-memeber {
		text-align: center;
		width: 88rpx;
		height: 37rpx;
		font-size: 22rpx;
		background: linear-gradient(98deg, #E95E2A, #F0953E);
		border-radius: 10rpx 0 0 10rpx;
		color: #fff;
	}

.chengtuan-box{
	.chengtuan-list{
		.chengtuan-item{
			width: 100%;
			background: #FFFFFF;
			box-shadow: 0px 30upx 51upx 25upx rgba(243, 243, 243, 0.76);
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			.goods-img{
				margin-left: 18upx;
				margin-top: 23upx;
				min-width: 187upx;
				height: 190upx;
				background: #FFFFFF;
				border: 1upx solid #EEEEEE;
				border-radius: 10upx;
				position: relative;
				image{
					width: 151upx;
					height: 162upx;
					border-radius: 10upx;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
			}
			.goods-detail{
				flex: 1;
				font-size: 28upx;
				color: #050505;
				font-weight: 500;
				margin-left: 17upx;
				margin-top: 27upx;
				padding-right: 25upx;
				// max-width: 300upx;
				// width: 60%;
				.goods-name{
					font-size: 22upx;
				}
				.tips{
					margin-top: 7upx;
					font-size: 22upx;
				}
				.price-box{
					font-size: 25upx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: 15upx;
					color: #FF652E;
				}
				.pingtuan{
					width: 380upx;
					height: 55upx;
					background: #FF4F10;
					border-radius: 24upx;
					text-align: center;
					color: #FFFFFF;
					font-size: 26upx;
					line-height: 55upx;
					margin-top: 7upx;
				}
			}
		
			.right-box{
				margin-top: 77rpx;
				width: 161upx;
				height: 238upx;
				border-radius: 10upx;
				text-align: center;
				padding-top: 25upx;
				position: absolute;
				z-index: 999;
				right: 25rpx;
				.tips-image{
					width: 33upx;
					height: 33upx;
				}
				.right-box-footer{
					background: linear-gradient(98deg, #E95E2A, #F0953E);
					margin-top: 15upx;
					font-size: 26rpx;
					color: #FFFFFF;
					border-radius: 25rpx;
					padding: 8rpx 24rpx;
					image{
						margin-left: 11upx;
					}
				}
			}
		}
	}
}

/* nav导航栏 */ 
.nav {
	@include flex-box($jcsa, center)
	@include wh(750rpx, 85rpx)
	background: $white_color;
	padding: 0 25rpx;
	
	&__item {
		position: relative;
		display: inline-block;
		padding: 0 80rpx 0 10rpx;
		height: 56rpx;
		&:last-child {
			padding-right: 10rpx;
		}
	}
	
	&__bottom {
		@include bg-style($bg_color, null, null, 4rpx);
		@include pos-a(112rpx, 8rpx, bottom, left, 0, null);
		transition: .3s all ease-in-out;
	}
	
	.--focus {
		color: $green_color;
	}
}
.scroll-view_H {
	/* 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
	white-space: nowrap;
	width: 100%;
}